<!--
 * @Description:驾驶舱 home
 * @version: 
 * @Author: yyconion
 * @Date: 2021-09-26 23:17:44
 * @LastEditors: yyconion
 * @LastEditTime: 2021-11-16 14:06:23
-->
<template>
  <div class="dirverhousehome">

    <el-container>
      // 驾驶舱头部区域
      <el-header>
        <div class="dirverhouseheader">
          <DriverHouseHeader></DriverHouseHeader>
        </div>
      </el-header>
      // 驾驶舱主体区域
      <el-main>
        <div class="driverhousebody">
          <DriverHouseBody></DriverHouseBody>
        </div>
      </el-main>
    </el-container>
  </div>
</template>
<script>
import DriverHouseHeader from '@/views/driverhouse/DriverHouseHeader'
import DriverHouseBody from '@/views/driverhouse/DriverHouseBody'
export default {
  name: "DriverHouseHome"
  , components: {
    DriverHouseHeader
    , DriverHouseBody
  },
  mounted () {
    let screenheight = window.screen.height
    // 使页面高度为全屏
    document.getElementsByClassName("dirverhousehome")[0].setAttribute("style", "height:" + screenheight + "px")
  }
}
</script>

<style lang="less" scoped>
.dirverhousehome {
  width: 100%;
  height: 100%;
  padding-top: 1.8rem;
  background-color: #0c3142;
  .el-main {
    margin-top: 1.3rem;
    padding: 0rem;
    overflow: hidden;
  }
  .driverhousebody {
    height: 46.9rem;
  }
}
</style>